<template>
  <div class='actions'>
  <van-cell-group v-if="isShow" >
    <van-cell title="不感兴趣" @click='dislike'/>
    <van-cell title="反馈垃圾内容" is-link @click="isShow=!isShow"/>
    <van-cell title="拉黑作者" />
  </van-cell-group>

    <!-- 举报面板 -->
   <van-cell-group v-else>
      <van-cell icon="arrow-left" @click="isShow=!isShow">返回</van-cell>

      <van-cell v-for="item in reportList" :key='item.value' @click="report(item.value)">{{item.label}}</van-cell>

    </van-cell-group>
  </div>
</template>

<script>
import reportList from '@/constants/reportList'
export default {
  props: ['flag'],

  data () {
    return {
      isShow: true,
      reportList
    }
  },
  methods: {
    dislike () {
      this.$emit('dislike')
    },
    report (type) {
      this.$emit('report', type)
    }
  }
}
</script>

<style lang='scss' scoped>
.van-cell__value--alone{
  padding-right:60px;
}
</style>
